﻿<!DOCTYPE html>
<html>
  <head>
    <title>图例</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <link href="resources/css/jquery-ui-themes.css" type="text/css" rel="stylesheet"/>
    <link href="resources/css/axure_rp_page.css" type="text/css" rel="stylesheet"/>
    <link href="data/styles.css" type="text/css" rel="stylesheet"/>
    <link href="files/图例/styles.css" type="text/css" rel="stylesheet"/>
    <script src="resources/scripts/jquery-1.7.1.min.js"></script>
    <script src="resources/scripts/jquery-ui-1.8.10.custom.min.js"></script>
    <script src="resources/scripts/prototypePre.js"></script>
    <script src="data/document.js"></script>
    <script src="resources/scripts/prototypePost.js"></script>
    <script src="files/图例/data.js"></script>
    <script type="text/javascript">
      $axure.utils.getTransparentGifPath = function() { return 'resources/images/transparent.gif'; };
      $axure.utils.getOtherPath = function() { return 'resources/Other.html'; };
      $axure.utils.getReloadPath = function() { return 'resources/reload.html'; };
    </script>
  </head>
  <body>
    <div id="base" class="">

      <!-- Header 2 (Rectangle) -->
      <div id="u52" class="ax_default _文本段落" data-label="Header 2">
        <div id="u52_div" class=""></div>
        <div id="u52_text" class="text ">
          <p><span>图例</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u53" class="ax_default _形状">
        <img id="u53_img" class="img " src="images/图例/u53.png"/>
        <div id="u53_text" class="text ">
          <p><span>&nbsp;1.界面图例</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u54" class="ax_default _形状">
        <img id="u54_img" class="img " src="images/图例/u53.png"/>
        <div id="u54_text" class="text ">
          <p><span>&nbsp;2.流程图例</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u55" class="ax_default _形状">
        <img id="u55_img" class="img " src="images/图例/u53.png"/>
        <div id="u55_text" class="text ">
          <p><span>&nbsp;3.手势操作</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u56" class="ax_default _形状">
        <img id="u56_img" class="img " src="images/图例/u56.png"/>
        <div id="u56_text" class="text ">
          <p><span>&nbsp;4.动效图例</span></p>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u57" class="ax_default" data-left="64" data-top="343" data-width="216" data-height="7">

        <!-- Unnamed (Horizontal Line) -->
        <div id="u58" class="compound ax_default _水平线" WidgetHeight="1" WidgetWidth="212" CompoundMode="true">
          <img id="u58_img" class="singleImg img " src="images/图例/u58.png"/>
          <div id="u58p000" class="ax_vector_shape" WidgetTopLeftX="-0.490740740740741" WidgetTopLeftY="0" WidgetTopRightX="0.490740740740741" WidgetTopRightY="0" WidgetBottomLeftX="-0.490740740740741" WidgetBottomLeftY="0.166666666666667" WidgetBottomRightX="0.490740740740741" WidgetBottomRightY="0.166666666666667">
            <img id="u58p000_img" class="img " src="images/图例/u58p000.png"/>
          </div>
          <div id="u58p001" class="ax_vector_shape" WidgetTopLeftX="0" WidgetTopLeftY="-0.25" WidgetTopRightX="53" WidgetTopRightY="-0.25" WidgetBottomLeftX="0" WidgetBottomLeftY="0" WidgetBottomRightX="53" WidgetBottomRightY="0">
            <img id="u58p001_img" class="img " src="images/图例/u58p001.png"/>
          </div>
          <div id="u58p002" class="ax_vector_shape" WidgetTopLeftX="10.4" WidgetTopLeftY="0.05" WidgetTopRightX="-0.2" WidgetTopRightY="0.05" WidgetBottomLeftX="10.4" WidgetBottomLeftY="0" WidgetBottomRightX="-0.2" WidgetBottomRightY="0">
            <img id="u58p002_img" class="img " src="images/图例/u58p002.png"/>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u59" class="ax_default _形状">
          <div id="u59_div" class=""></div>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u60" class="ax_default" data-left="64" data-top="394" data-width="216" data-height="7">

        <!-- Unnamed (Horizontal Line) -->
        <div id="u61" class="compound ax_default _水平线" WidgetHeight="1" WidgetWidth="212" CompoundMode="true">
          <img id="u61_img" class="singleImg img " src="images/图例/u58.png"/>
          <div id="u61p000" class="ax_vector_shape" WidgetTopLeftX="-0.490740740740741" WidgetTopLeftY="-0.166666666666667" WidgetTopRightX="0.490740740740741" WidgetTopRightY="-0.166666666666667" WidgetBottomLeftX="-0.490740740740741" WidgetBottomLeftY="0" WidgetBottomRightX="0.490740740740741" WidgetBottomRightY="0">
            <img id="u61p000_img" class="img " src="images/图例/u61p000.png"/>
          </div>
          <div id="u61p001" class="ax_vector_shape" WidgetTopLeftX="0" WidgetTopLeftY="-0.5" WidgetTopRightX="53" WidgetTopRightY="-0.5" WidgetBottomLeftX="0" WidgetBottomLeftY="0" WidgetBottomRightX="53" WidgetBottomRightY="0">
            <img id="u61p001_img" class="img " src="images/图例/u61p001.png"/>
          </div>
          <div id="u61p002" class="ax_vector_shape" WidgetTopLeftX="10.4" WidgetTopLeftY="0" WidgetTopRightX="-0.2" WidgetTopRightY="0" WidgetBottomLeftX="10.4" WidgetBottomLeftY="-0.05" WidgetBottomRightX="-0.2" WidgetBottomRightY="-0.05">
            <img id="u61p002_img" class="img " src="images/图例/u61p002.png"/>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u62" class="ax_default _形状">
          <div id="u62_div" class=""></div>
        </div>
      </div>

      <!-- Unnamed (Horizontal Line) -->
      <div id="u63" class="compound ax_default _水平线" WidgetHeight="1" WidgetWidth="212" CompoundMode="true">
        <img id="u63_img" class="singleImg img " src="images/图例/u63.png"/>
        <div id="u63p000" class="ax_vector_shape" WidgetTopLeftX="-0.490740740740741" WidgetTopLeftY="0" WidgetTopRightX="0.490740740740741" WidgetTopRightY="0" WidgetBottomLeftX="-0.490740740740741" WidgetBottomLeftY="0.166666666666667" WidgetBottomRightX="0.490740740740741" WidgetBottomRightY="0.166666666666667">
          <img id="u63p000_img" class="img " src="images/图例/u63p000.png"/>
        </div>
        <div id="u63p001" class="ax_vector_shape" WidgetTopLeftX="0" WidgetTopLeftY="-0.25" WidgetTopRightX="53" WidgetTopRightY="-0.25" WidgetBottomLeftX="0" WidgetBottomLeftY="0" WidgetBottomRightX="53" WidgetBottomRightY="0">
          <img id="u63p001_img" class="img " src="images/图例/u58p001.png"/>
        </div>
        <div id="u63p002" class="ax_vector_shape" WidgetTopLeftX="10.4" WidgetTopLeftY="0.05" WidgetTopRightX="-0.2" WidgetTopRightY="0.05" WidgetBottomLeftX="10.4" WidgetBottomLeftY="0" WidgetBottomRightX="-0.2" WidgetBottomRightY="0">
          <img id="u63p002_img" class="img " src="images/图例/u63p002.png"/>
        </div>
      </div>

      <!-- Header 2 (Rectangle) -->
      <div id="u64" class="ax_default _文本段落" data-label="Header 2">
        <div id="u64_div" class=""></div>
        <div id="u64_text" class="text ">
          <p><span>操作说明，如“长按、双击”</span></p>
        </div>
      </div>

      <!-- Header 2 (Rectangle) -->
      <div id="u65" class="ax_default _文本段落" data-label="Header 2">
        <div id="u65_div" class=""></div>
        <div id="u65_text" class="text ">
          <p><span>操作说明</span></p>
        </div>
      </div>

      <!-- Header 2 (Rectangle) -->
      <div id="u66" class="ax_default _文本段落" data-label="Header 2">
        <div id="u66_div" class=""></div>
        <div id="u66_text" class="text ">
          <p><span>自动跳转</span></p>
        </div>
      </div>

      <!-- Header 2 (Rectangle) -->
      <div id="u67" class="ax_default _文本段落" data-label="Header 2">
        <div id="u67_div" class=""></div>
        <div id="u67_text" class="text ">
          <p><span>带示意图的操作事件</span></p>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u68" class="ax_default" data-left="64" data-top="465" data-width="216" data-height="7">

        <!-- Unnamed (Horizontal Line) -->
        <div id="u69" class="compound ax_default _水平线" WidgetHeight="1" WidgetWidth="212" CompoundMode="true">
          <img id="u69_img" class="singleImg img " src="images/图例/u58.png"/>
          <div id="u69p000" class="ax_vector_shape" WidgetTopLeftX="-0.490740740740741" WidgetTopLeftY="0" WidgetTopRightX="0.490740740740741" WidgetTopRightY="0" WidgetBottomLeftX="-0.490740740740741" WidgetBottomLeftY="0.166666666666667" WidgetBottomRightX="0.490740740740741" WidgetBottomRightY="0.166666666666667">
            <img id="u69p000_img" class="img " src="images/图例/u58p000.png"/>
          </div>
          <div id="u69p001" class="ax_vector_shape" WidgetTopLeftX="0" WidgetTopLeftY="-0.25" WidgetTopRightX="53" WidgetTopRightY="-0.25" WidgetBottomLeftX="0" WidgetBottomLeftY="0" WidgetBottomRightX="53" WidgetBottomRightY="0">
            <img id="u69p001_img" class="img " src="images/图例/u58p001.png"/>
          </div>
          <div id="u69p002" class="ax_vector_shape" WidgetTopLeftX="10.4" WidgetTopLeftY="0.05" WidgetTopRightX="-0.2" WidgetTopRightY="0.05" WidgetBottomLeftX="10.4" WidgetBottomLeftY="0" WidgetBottomRightX="-0.2" WidgetBottomRightY="0">
            <img id="u69p002_img" class="img " src="images/图例/u58p002.png"/>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u70" class="ax_default _形状">
          <div id="u70_div" class=""></div>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u71" class="ax_default" data-left="64" data-top="547" data-width="130" data-height="7">

        <!-- Unnamed (Horizontal Line) -->
        <div id="u72" class="compound ax_default _水平线" WidgetHeight="1" WidgetWidth="126" CompoundMode="true">
          <img id="u72_img" class="singleImg img " src="images/图例/u72.png"/>
          <div id="u72p000" class="ax_vector_shape" WidgetTopLeftX="-0.484615384615385" WidgetTopLeftY="0" WidgetTopRightX="0.484615384615385" WidgetTopRightY="0" WidgetBottomLeftX="-0.484615384615385" WidgetBottomLeftY="0.166666666666667" WidgetBottomRightX="0.484615384615385" WidgetBottomRightY="0.166666666666667">
            <img id="u72p000_img" class="img " src="images/图例/u72p000.png"/>
          </div>
          <div id="u72p001" class="ax_vector_shape" WidgetTopLeftX="0" WidgetTopLeftY="-0.25" WidgetTopRightX="31.5" WidgetTopRightY="-0.25" WidgetBottomLeftX="0" WidgetBottomLeftY="0" WidgetBottomRightX="31.5" WidgetBottomRightY="0">
            <img id="u72p001_img" class="img " src="images/图例/u58p001.png"/>
          </div>
          <div id="u72p002" class="ax_vector_shape" WidgetTopLeftX="6.1" WidgetTopLeftY="0.05" WidgetTopRightX="-0.2" WidgetTopRightY="0.05" WidgetBottomLeftX="6.1" WidgetBottomLeftY="0" WidgetBottomRightX="-0.2" WidgetBottomRightY="0">
            <img id="u72p002_img" class="img " src="images/图例/u58p002.png"/>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u73" class="ax_default _形状">
          <div id="u73_div" class=""></div>
        </div>
      </div>

      <!-- Header 2 (Rectangle) -->
      <div id="u74" class="ax_default _文本段落" data-label="Header 2">
        <div id="u74_div" class=""></div>
        <div id="u74_text" class="text ">
          <p><span>P6-界面4</span></p>
        </div>
      </div>

      <!-- Header 2 (Rectangle) -->
      <div id="u75" class="ax_default _文本段落" data-label="Header 2">
        <div id="u75_div" class=""></div>
        <div id="u75_text" class="text ">
          <p><span>跳转到文档第6页第4个界面</span></p>
        </div>
      </div>

      <!-- Header 2 (Rectangle) -->
      <div id="u76" class="ax_default _文本段落" data-label="Header 2">
        <div id="u76_div" class=""></div>
        <div id="u76_text" class="text ">
          <p><span>1-1页面名称</span></p>
        </div>
      </div>

      <!-- Rectangle (Rectangle) -->
      <div id="u77" class="ax_default _形状" data-label="Rectangle">
        <div id="u77_div" class=""></div>
        <div id="u77_text" class="text ">
          <p><span>iOS Plus 414x736</span></p>
        </div>
      </div>

      <!-- Rectangle (Rectangle) -->
      <div id="u78" class="ax_default _形状" data-label="Rectangle">
        <div id="u78_div" class=""></div>
        <div id="u78_text" class="text ">
          <p><span><br></span></p><p><span><br></span></p><p><span>iOS 375X667</span></p>
        </div>
      </div>

      <!-- Header 2 (Rectangle) -->
      <div id="u79" class="ax_default _文本段落" data-label="Header 2">
        <div id="u79_div" class=""></div>
        <div id="u79_text" class="text ">
          <p><span>文字说明区域：xxx</span></p>
        </div>
      </div>

      <!-- Unnamed (Diamond) -->
      <div id="u80" class="ax_default _流程形状">
        <img id="u80_img" class="img " src="images/图例/u80.png"/>
        <div id="u80_text" class="text ">
          <p><span>判断</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u81" class="ax_default _形状">
        <div id="u81_div" class=""></div>
        <div id="u81_text" class="text ">
          <p><span>开始</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u82" class="ax_default _形状">
        <div id="u82_div" class=""></div>
        <div id="u82_text" class="text ">
          <p><span>流程</span></p>
        </div>
      </div>

      <!-- Unnamed (Horizontal Line) -->
      <div id="u83" class="compound ax_default _水平线" WidgetHeight="1" WidgetWidth="119" CompoundMode="true">
        <img id="u83_img" class="singleImg img " src="images/图例/u83.png"/>
        <div id="u83p000" class="ax_vector_shape" WidgetTopLeftX="-0.483870967741936" WidgetTopLeftY="0" WidgetTopRightX="0.475806451612903" WidgetTopRightY="0" WidgetBottomLeftX="-0.483870967741936" WidgetBottomLeftY="0.166666666666667" WidgetBottomRightX="0.475806451612903" WidgetBottomRightY="0.166666666666667">
          <img id="u83p000_img" class="img " src="images/图例/u83p000.png"/>
        </div>
        <div id="u83p001" class="ax_vector_shape" WidgetTopLeftX="0" WidgetTopLeftY="-0.25" WidgetTopRightX="29.75" WidgetTopRightY="-0.25" WidgetBottomLeftX="0" WidgetBottomLeftY="0" WidgetBottomRightX="29.75" WidgetBottomRightY="0">
          <img id="u83p001_img" class="img " src="images/图例/u58p001.png"/>
        </div>
        <div id="u83p002" class="ax_vector_shape" WidgetTopLeftX="5.22727272727273" WidgetTopLeftY="0.05" WidgetTopRightX="-0.181818181818182" WidgetTopRightY="0.05" WidgetBottomLeftX="5.22727272727273" WidgetBottomLeftY="0" WidgetBottomRightX="-0.181818181818182" WidgetBottomRightY="0">
          <img id="u83p002_img" class="img " src="images/图例/u83p002.png"/>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u84" class="ax_default" data-left="442.734758363975" data-top="639" data-width="103.265241636025" data-height="103.765241636025">

        <!-- Rectangle (Rectangle) -->
        <div id="u85" class="ax_default _形状" data-label="Rectangle">
          <div id="u85_div" class=""></div>
          <div id="u85_text" class="text ">
            <p><span>图片</span></p>
          </div>
        </div>

        <!-- Unnamed (Horizontal Line) -->
        <div id="u86" class="ax_default _水平线">
          <img id="u86_img" class="img " src="images/图例/u86.png"/>
        </div>

        <!-- Unnamed (Horizontal Line) -->
        <div id="u87" class="ax_default _水平线">
          <img id="u87_img" class="img " src="images/图例/u86.png"/>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u88" class="ax_default" data-left="443" data-top="1062" data-width="69" data-height="102">

        <!-- Unnamed (Group) -->
        <div id="u89" class="ax_default" data-left="443" data-top="1062" data-width="49" data-height="102">

          <!-- Unnamed (Vertical Line) -->
          <div id="u90" class="ax_default _垂直线">
            <img id="u90_img" class="img " src="images/图例/u90.png"/>
          </div>

          <!-- Unnamed (Horizontal Line) -->
          <div id="u91" class="ax_default _水平线">
            <img id="u91_img" class="img " src="images/图例/u91.png"/>
          </div>

          <!-- Unnamed (Horizontal Line) -->
          <div id="u92" class="ax_default _水平线">
            <img id="u92_img" class="img " src="images/图例/u91.png"/>
          </div>

          <!-- Unnamed (Horizontal Line) -->
          <div id="u93" class="ax_default _水平线">
            <img id="u93_img" class="img " src="images/图例/u93.png"/>
          </div>
        </div>

        <!-- Unnamed (Group) -->
        <div id="u94" class="ax_default" data-left="493" data-top="1098" data-width="19" data-height="29">

          <!-- Unnamed (Vertical Line) -->
          <div id="u95" class="ax_default _垂直线">
            <img id="u95_img" class="img " src="images/图例/u95.png"/>
          </div>

          <!-- Unnamed (Horizontal Line) -->
          <div id="u96" class="ax_default _水平线">
            <img id="u96_img" class="img " src="images/图例/u96.png"/>
          </div>

          <!-- Unnamed (Horizontal Line) -->
          <div id="u97" class="ax_default _水平线">
            <img id="u97_img" class="img " src="images/图例/u96.png"/>
          </div>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u98" class="ax_default" data-left="439" data-top="906" data-width="71" data-height="30">

        <!-- Unnamed (Horizontal Line) -->
        <div id="u99" class="ax_default _水平线">
          <img id="u99_img" class="img " src="images/图例/u99.png"/>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u100" class="ax_default _形状">
          <div id="u100_div" class=""></div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u101" class="ax_default _形状">
          <div id="u101_div" class=""></div>
          <div id="u101_text" class="text ">
            <p><span>A</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u102" class="ax_default" data-left="436" data-top="826" data-width="62" data-height="29">

        <!-- Unnamed (Vertical Line) -->
        <div id="u103" class="ax_default _垂直线">
          <img id="u103_img" class="img " src="images/图例/u95.png"/>
        </div>

        <!-- Unnamed (Horizontal Line) -->
        <div id="u104" class="ax_default _水平线">
          <img id="u104_img" class="img " src="images/图例/u96.png"/>
        </div>

        <!-- Unnamed (Horizontal Line) -->
        <div id="u105" class="ax_default _水平线">
          <img id="u105_img" class="img " src="images/图例/u105.png"/>
        </div>

        <!-- Unnamed (Horizontal Line) -->
        <div id="u106" class="ax_default _水平线">
          <img id="u106_img" class="img " src="images/图例/u96.png"/>
        </div>
      </div>

      <!-- Header 2 (Rectangle) -->
      <div id="u107" class="ax_default _文本段落" data-label="Header 2">
        <div id="u107_div" class=""></div>
        <div id="u107_text" class="text ">
          <p><span>文字说明</span></p>
        </div>
      </div>

      <!-- Header 2 (Rectangle) -->
      <div id="u108" class="ax_default _文本段落" data-label="Header 2">
        <div id="u108_div" class=""></div>
        <div id="u108_text" class="text ">
          <p><span>范围标注</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u109" class="ax_default _形状">
        <img id="u109_img" class="img " src="images/图例/u109.png"/>
        <div id="u109_text" class="text ">
          <p><span>区域标注</span></p>
        </div>
      </div>

      <!-- Unnamed (Image) -->
      <div id="u110" class="ax_default image">
        <img id="u110_img" class="img " src="images/图例/u110.png"/>
      </div>

      <!-- Unnamed (Image) -->
      <div id="u111" class="ax_default image">
        <img id="u111_img" class="img " src="images/图例/u111.png"/>
      </div>

      <!-- Unnamed (Image) -->
      <div id="u112" class="ax_default image">
        <img id="u112_img" class="img " src="images/图例/u112.png"/>
      </div>

      <!-- Unnamed (Image) -->
      <div id="u113" class="ax_default image">
        <img id="u113_img" class="img " src="images/图例/u113.png"/>
      </div>

      <!-- Unnamed (Image) -->
      <div id="u114" class="ax_default image">
        <img id="u114_img" class="img " src="images/图例/u114.png"/>
      </div>

      <!-- Unnamed (Image) -->
      <div id="u115" class="ax_default image">
        <img id="u115_img" class="img " src="images/图例/u115.png"/>
      </div>

      <!-- Unnamed (Image) -->
      <div id="u116" class="ax_default image">
        <img id="u116_img" class="img " src="images/图例/u116.png"/>
      </div>

      <!-- Unnamed (Image) -->
      <div id="u117" class="ax_default image">
        <img id="u117_img" class="img " src="images/图例/u117.png"/>
      </div>

      <!-- Unnamed (Image) -->
      <div id="u118" class="ax_default image">
        <img id="u118_img" class="img " src="images/图例/u118.png"/>
      </div>

      <!-- Unnamed (Image) -->
      <div id="u119" class="ax_default image">
        <img id="u119_img" class="img " src="images/图例/u119.png"/>
      </div>

      <!-- Header 2 (Rectangle) -->
      <div id="u120" class="ax_default _文本段落" data-label="Header 2">
        <div id="u120_div" class=""></div>
        <div id="u120_text" class="text ">
          <p><span>点击（Tap）</span></p>
        </div>
      </div>

      <!-- Header 2 (Rectangle) -->
      <div id="u121" class="ax_default _文本段落" data-label="Header 2">
        <div id="u121_div" class=""></div>
        <div id="u121_text" class="text ">
          <p><span>长按（Long Press）</span></p>
        </div>
      </div>

      <!-- Header 2 (Rectangle) -->
      <div id="u122" class="ax_default _文本段落" data-label="Header 2">
        <div id="u122_div" class=""></div>
        <div id="u122_text" class="text ">
          <p><span>双击（Double Tap）</span></p>
        </div>
      </div>

      <!-- Header 2 (Rectangle) -->
      <div id="u123" class="ax_default _文本段落" data-label="Header 2">
        <div id="u123_div" class=""></div>
        <div id="u123_text" class="text ">
          <p><span>滑动（Swipe）</span></p>
        </div>
      </div>

      <!-- Header 2 (Rectangle) -->
      <div id="u124" class="ax_default _文本段落" data-label="Header 2">
        <div id="u124_div" class=""></div>
        <div id="u124_text" class="text ">
          <p><span>滑动（Swipe）</span></p>
        </div>
      </div>

      <!-- Header 2 (Rectangle) -->
      <div id="u125" class="ax_default _文本段落" data-label="Header 2">
        <div id="u125_div" class=""></div>
        <div id="u125_text" class="text ">
          <p><span>拖拽（Drag）</span></p>
        </div>
      </div>

      <!-- Header 2 (Rectangle) -->
      <div id="u126" class="ax_default _文本段落" data-label="Header 2">
        <div id="u126_div" class=""></div>
        <div id="u126_text" class="text ">
          <p><span>拖拽（Drag）</span></p>
        </div>
      </div>

      <!-- Header 2 (Rectangle) -->
      <div id="u127" class="ax_default _文本段落" data-label="Header 2">
        <div id="u127_div" class=""></div>
        <div id="u127_text" class="text ">
          <p><span>旋转（Rotate）</span></p>
        </div>
      </div>

      <!-- Header 2 (Rectangle) -->
      <div id="u128" class="ax_default _文本段落" data-label="Header 2">
        <div id="u128_div" class=""></div>
        <div id="u128_text" class="text ">
          <p><span>放大（Pinch open）</span></p>
        </div>
      </div>

      <!-- Header 2 (Rectangle) -->
      <div id="u129" class="ax_default _文本段落" data-label="Header 2">
        <div id="u129_div" class=""></div>
        <div id="u129_text" class="text ">
          <p><span>缩小（Pinch Close）</span></p>
        </div>
      </div>

      <!-- Unnamed (Image) -->
      <div id="u130" class="ax_default image">
        <img id="u130_img" class="img " src="images/图例/u130.png"/>
      </div>

      <!-- Unnamed (Image) -->
      <div id="u131" class="ax_default image">
        <img id="u131_img" class="img " src="images/图例/u131.png"/>
      </div>

      <!-- Unnamed (Image) -->
      <div id="u132" class="ax_default image">
        <img id="u132_img" class="img " src="images/图例/u132.png"/>
      </div>

      <!-- Unnamed (Image) -->
      <div id="u133" class="ax_default image">
        <img id="u133_img" class="img " src="images/图例/u133.png"/>
      </div>

      <!-- Unnamed (Image) -->
      <div id="u134" class="ax_default image">
        <img id="u134_img" class="img " src="images/图例/u134.png"/>
      </div>

      <!-- Unnamed (Image) -->
      <div id="u135" class="ax_default image">
        <img id="u135_img" class="img " src="images/图例/u135.png"/>
      </div>

      <!-- Unnamed (Image) -->
      <div id="u136" class="ax_default image">
        <img id="u136_img" class="img " src="images/图例/u136.png"/>
      </div>

      <!-- Unnamed (Image) -->
      <div id="u137" class="ax_default image">
        <img id="u137_img" class="img " src="images/图例/u137.png"/>
      </div>

      <!-- Unnamed (Image) -->
      <div id="u138" class="ax_default image">
        <img id="u138_img" class="img " src="images/图例/u138.png"/>
      </div>

      <!-- Unnamed (Image) -->
      <div id="u139" class="ax_default image">
        <img id="u139_img" class="img " src="images/图例/u139.png"/>
      </div>

      <!-- Unnamed (Image) -->
      <div id="u140" class="ax_default image">
        <img id="u140_img" class="img " src="images/图例/u140.png"/>
      </div>

      <!-- Unnamed (Image) -->
      <div id="u141" class="ax_default image">
        <img id="u141_img" class="img " src="images/图例/u141.png"/>
      </div>

      <!-- Unnamed (Image) -->
      <div id="u142" class="ax_default image">
        <img id="u142_img" class="img " src="images/图例/u142.png"/>
      </div>

      <!-- Unnamed (Image) -->
      <div id="u143" class="ax_default image">
        <img id="u143_img" class="img " src="images/图例/u143.png"/>
      </div>

      <!-- Unnamed (Image) -->
      <div id="u144" class="ax_default image">
        <img id="u144_img" class="img " src="images/图例/u144.png"/>
      </div>

      <!-- Unnamed (Image) -->
      <div id="u145" class="ax_default image">
        <img id="u145_img" class="img " src="images/图例/u145.png"/>
      </div>

      <!-- Unnamed (Image) -->
      <div id="u146" class="ax_default image">
        <img id="u146_img" class="img " src="images/图例/u146.png"/>
      </div>

      <!-- Unnamed (Image) -->
      <div id="u147" class="ax_default image">
        <img id="u147_img" class="img " src="images/图例/u147.png"/>
      </div>

      <!-- Unnamed (Image) -->
      <div id="u148" class="ax_default image">
        <img id="u148_img" class="img " src="images/图例/u148.png"/>
      </div>

      <!-- Unnamed (Image) -->
      <div id="u149" class="ax_default image">
        <img id="u149_img" class="img " src="images/图例/u149.png"/>
      </div>

      <!-- Unnamed (Image) -->
      <div id="u150" class="ax_default image">
        <img id="u150_img" class="img " src="images/图例/u150.png"/>
      </div>

      <!-- Unnamed (Image) -->
      <div id="u151" class="ax_default image">
        <img id="u151_img" class="img " src="images/图例/u151.png"/>
      </div>

      <!-- Unnamed (Image) -->
      <div id="u152" class="ax_default image">
        <img id="u152_img" class="img " src="images/图例/u152.png"/>
      </div>

      <!-- Unnamed (Image) -->
      <div id="u153" class="ax_default image">
        <img id="u153_img" class="img " src="images/图例/u153.png"/>
      </div>

      <!-- Unnamed (Image) -->
      <div id="u154" class="ax_default image">
        <img id="u154_img" class="img " src="images/图例/u154.png"/>
      </div>

      <!-- Unnamed (Image) -->
      <div id="u155" class="ax_default image">
        <img id="u155_img" class="img " src="images/图例/u155.png"/>
      </div>

      <!-- Unnamed (Image) -->
      <div id="u156" class="ax_default image">
        <img id="u156_img" class="img " src="images/图例/u156.png"/>
      </div>

      <!-- Unnamed (Image) -->
      <div id="u157" class="ax_default image">
        <img id="u157_img" class="img " src="images/图例/u157.png"/>
      </div>

      <!-- Unnamed (Image) -->
      <div id="u158" class="ax_default image">
        <img id="u158_img" class="img " src="images/图例/u158.png"/>
      </div>

      <!-- Unnamed (Image) -->
      <div id="u159" class="ax_default image">
        <img id="u159_img" class="img " src="images/图例/u159.png"/>
      </div>

      <!-- Unnamed (Image) -->
      <div id="u160" class="ax_default image">
        <img id="u160_img" class="img " src="images/图例/u160.png"/>
      </div>

      <!-- Unnamed (Image) -->
      <div id="u161" class="ax_default image">
        <img id="u161_img" class="img " src="images/图例/u161.png"/>
      </div>

      <!-- Unnamed (Image) -->
      <div id="u162" class="ax_default image">
        <img id="u162_img" class="img " src="images/图例/u114.png"/>
      </div>

      <!-- Header 2 (Rectangle) -->
      <div id="u163" class="ax_default _文本段落" data-label="Header 2">
        <div id="u163_div" class=""></div>
        <div id="u163_text" class="text ">
          <p><span>3D右翻转</span></p>
        </div>
      </div>

      <!-- Header 2 (Rectangle) -->
      <div id="u164" class="ax_default _文本段落" data-label="Header 2">
        <div id="u164_div" class=""></div>
        <div id="u164_text" class="text ">
          <p><span>3D左翻转</span></p>
        </div>
      </div>

      <!-- Header 2 (Rectangle) -->
      <div id="u165" class="ax_default _文本段落" data-label="Header 2">
        <div id="u165_div" class=""></div>
        <div id="u165_text" class="text ">
          <p><span>居中缩小</span></p>
        </div>
      </div>

      <!-- Header 2 (Rectangle) -->
      <div id="u166" class="ax_default _文本段落" data-label="Header 2">
        <div id="u166_div" class=""></div>
        <div id="u166_text" class="text ">
          <p><span>3D右翻转</span></p>
        </div>
      </div>

      <!-- Header 2 (Rectangle) -->
      <div id="u167" class="ax_default _文本段落" data-label="Header 2">
        <div id="u167_div" class=""></div>
        <div id="u167_text" class="text ">
          <p><span>3D左翻转</span></p>
        </div>
      </div>

      <!-- Header 2 (Rectangle) -->
      <div id="u168" class="ax_default _文本段落" data-label="Header 2">
        <div id="u168_div" class=""></div>
        <div id="u168_text" class="text ">
          <p><span>居中缩小</span></p>
        </div>
      </div>

      <!-- Header 2 (Rectangle) -->
      <div id="u169" class="ax_default _文本段落" data-label="Header 2">
        <div id="u169_div" class=""></div>
        <div id="u169_text" class="text ">
          <p><span>抖动</span></p>
        </div>
      </div>

      <!-- Header 2 (Rectangle) -->
      <div id="u170" class="ax_default _文本段落" data-label="Header 2">
        <div id="u170_div" class=""></div>
        <div id="u170_text" class="text ">
          <p><span>渐入渐出</span></p>
        </div>
      </div>

      <!-- Header 2 (Rectangle) -->
      <div id="u171" class="ax_default _文本段落" data-label="Header 2">
        <div id="u171_div" class=""></div>
        <div id="u171_text" class="text ">
          <p><span>轴心右旋转</span></p>
        </div>
      </div>

      <!-- Header 2 (Rectangle) -->
      <div id="u172" class="ax_default _文本段落" data-label="Header 2">
        <div id="u172_div" class=""></div>
        <div id="u172_text" class="text ">
          <p><span>轴心左旋转</span></p>
        </div>
      </div>

      <!-- Header 2 (Rectangle) -->
      <div id="u173" class="ax_default _文本段落" data-label="Header 2">
        <div id="u173_div" class=""></div>
        <div id="u173_text" class="text ">
          <p><span>左上角翻页</span></p>
        </div>
      </div>

      <!-- Header 2 (Rectangle) -->
      <div id="u174" class="ax_default _文本段落" data-label="Header 2">
        <div id="u174_div" class=""></div>
        <div id="u174_text" class="text ">
          <p><span>右下角翻页</span></p>
        </div>
      </div>

      <!-- Header 2 (Rectangle) -->
      <div id="u175" class="ax_default _文本段落" data-label="Header 2">
        <div id="u175_div" class=""></div>
        <div id="u175_text" class="text ">
          <p><span>揭开面纱</span></p>
        </div>
      </div>

      <!-- Header 2 (Rectangle) -->
      <div id="u176" class="ax_default _文本段落" data-label="Header 2">
        <div id="u176_div" class=""></div>
        <div id="u176_text" class="text ">
          <p><span>覆盖进入</span></p>
        </div>
      </div>

      <!-- Header 2 (Rectangle) -->
      <div id="u177" class="ax_default _文本段落" data-label="Header 2">
        <div id="u177_div" class=""></div>
        <div id="u177_text" class="text ">
          <p><span>卷曲翻页-</span></p><p><span>从上往下</span></p>
        </div>
      </div>

      <!-- Header 2 (Rectangle) -->
      <div id="u178" class="ax_default _文本段落" data-label="Header 2">
        <div id="u178_div" class=""></div>
        <div id="u178_text" class="text ">
          <p><span>立方体<br>效果横向</span></p>
        </div>
      </div>

      <!-- Header 2 (Rectangle) -->
      <div id="u179" class="ax_default _文本段落" data-label="Header 2">
        <div id="u179_div" class=""></div>
        <div id="u179_text" class="text ">
          <p><span>立方体<br>效果纵向</span></p>
        </div>
      </div>

      <!-- Header 2 (Rectangle) -->
      <div id="u180" class="ax_default _文本段落" data-label="Header 2">
        <div id="u180_div" class=""></div>
        <div id="u180_text" class="text ">
          <p><span>收缩效果-</span></p><p><span>向上</span></p>
        </div>
      </div>

      <!-- Header 2 (Rectangle) -->
      <div id="u181" class="ax_default _文本段落" data-label="Header 2">
        <div id="u181_div" class=""></div>
        <div id="u181_text" class="text ">
          <p><span>收缩效果-</span></p><p><span>向下</span></p>
        </div>
      </div>

      <!-- Header 2 (Rectangle) -->
      <div id="u182" class="ax_default _文本段落" data-label="Header 2">
        <div id="u182_div" class=""></div>
        <div id="u182_text" class="text ">
          <p><span>向上翻转</span></p>
        </div>
      </div>

      <!-- Header 2 (Rectangle) -->
      <div id="u183" class="ax_default _文本段落" data-label="Header 2">
        <div id="u183_div" class=""></div>
        <div id="u183_text" class="text ">
          <p><span>向下翻转</span></p>
        </div>
      </div>

      <!-- Header 2 (Rectangle) -->
      <div id="u184" class="ax_default _文本段落" data-label="Header 2">
        <div id="u184_div" class=""></div>
        <div id="u184_text" class="text ">
          <p><span>卷曲翻页-</span></p><p><span>从下往上</span></p>
        </div>
      </div>

      <!-- Header 2 (Rectangle) -->
      <div id="u185" class="ax_default _文本段落" data-label="Header 2">
        <div id="u185_div" class=""></div>
        <div id="u185_text" class="text ">
          <p><span>从左向右</span></p><p><span>旋转翻页</span></p>
        </div>
      </div>

      <!-- Header 2 (Rectangle) -->
      <div id="u186" class="ax_default _文本段落" data-label="Header 2">
        <div id="u186_div" class=""></div>
        <div id="u186_text" class="text ">
          <p><span>从右向左</span></p><p><span>旋转翻页</span></p>
        </div>
      </div>

      <!-- Header 2 (Rectangle) -->
      <div id="u187" class="ax_default _文本段落" data-label="Header 2">
        <div id="u187_div" class=""></div>
        <div id="u187_text" class="text ">
          <p><span>推出</span></p>
        </div>
      </div>

      <!-- Header 2 (Rectangle) -->
      <div id="u188" class="ax_default _文本段落" data-label="Header 2">
        <div id="u188_div" class=""></div>
        <div id="u188_text" class="text ">
          <p><span>滴水效果</span></p>
        </div>
      </div>

      <!-- Header 2 (Rectangle) -->
      <div id="u189" class="ax_default _文本段落" data-label="Header 2">
        <div id="u189_div" class=""></div>
        <div id="u189_text" class="text ">
          <p><span>渐渐消失</span></p>
        </div>
      </div>

      <!-- Header 2 (Rectangle) -->
      <div id="u190" class="ax_default _文本段落" data-label="Header 2">
        <div id="u190_div" class=""></div>
        <div id="u190_text" class="text ">
          <p><span>3D上翻转</span></p>
        </div>
      </div>

      <!-- Header 2 (Rectangle) -->
      <div id="u191" class="ax_default _文本段落" data-label="Header 2">
        <div id="u191_div" class=""></div>
        <div id="u191_text" class="text ">
          <p><span>3D下翻转</span></p>
        </div>
      </div>

      <!-- Header 2 (Rectangle) -->
      <div id="u192" class="ax_default _文本段落" data-label="Header 2">
        <div id="u192_div" class=""></div>
        <div id="u192_text" class="text ">
          <p><span>关门效果</span></p>
        </div>
      </div>

      <!-- Header 2 (Rectangle) -->
      <div id="u193" class="ax_default _文本段落" data-label="Header 2">
        <div id="u193_div" class=""></div>
        <div id="u193_text" class="text ">
          <p><span>开门效果</span></p>
        </div>
      </div>

      <!-- Header 2 (Rectangle) -->
      <div id="u194" class="ax_default _文本段落" data-label="Header 2">
        <div id="u194_div" class=""></div>
        <div id="u194_text" class="text ">
          <p><span>逆时针旋转</span></p>
        </div>
      </div>

      <!-- Header 2 (Rectangle) -->
      <div id="u195" class="ax_default _文本段落" data-label="Header 2">
        <div id="u195_div" class=""></div>
        <div id="u195_text" class="text ">
          <p><span>顺时针旋转</span></p>
        </div>
      </div>

      <!-- Header 2 (Rectangle) -->
      <div id="u196" class="ax_default _文本段落" data-label="Header 2">
        <div id="u196_div" class=""></div>
        <div id="u196_text" class="text ">
          <p><span>点击</span></p>
        </div>
      </div>

      <!-- Unnamed (Group) -->
      <div id="u197" class="ax_default" data-left="953.5" data-top="808.5" data-width="142" data-height="89.5">

        <!-- Unnamed (Image) -->
        <div id="u198" class="ax_default image">
          <img id="u198_img" class="img " src="images/图例/u198.png"/>
        </div>

        <!-- Unnamed (Image) -->
        <div id="u199" class="ax_default image">
          <img id="u199_img" class="img " src="images/图例/u199.png"/>
        </div>

        <!-- Unnamed (Image) -->
        <div id="u200" class="ax_default image">
          <img id="u200_img" class="img " src="images/图例/u198.png"/>
        </div>
      </div>

      <!-- Header 2 (Rectangle) -->
      <div id="u201" class="ax_default _文本段落" data-label="Header 2">
        <div id="u201_div" class=""></div>
        <div id="u201_text" class="text ">
          <p><span>左右滑动（Swipe）</span></p>
        </div>
      </div>
    </div>
  </body>
</html>
